<template>
	<div style="background-color: white;padding-top: 20px;">
		<div class="headercon">
			<el-form class="cardboxList_box" ref="form" :model="form" label-width="100px">
				<el-row :gutter="20" class="mb8">
					<el-col :span="4" style="width: 260px;">
						<div class="grid-content bg-purple">
							<el-form-item label="昵称">
								<el-input style="width: 150px;" v-model="form.user__nickname" placeholder="" />
							</el-form-item>
						</div>
					</el-col>
					<el-col :span="4" style="width: 260px;">
						<div class="grid-content bg-purple">
							<el-form-item label="状态">
								<el-select v-model="form.status" clearable placeholder="请选择" style="width: 100%;">
									<el-option v-for="item in statusOptions" :key="item.text" :label="item.text"
										:value="item.text">
									</el-option>
								</el-select>
							</el-form-item>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 33px;">
							<el-button type="primary" icon="el-icon-search" @click="searchList">搜索</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" icon="el-icon-search" @click="restSearch">重置</el-button>
						</div>
					</el-col>
					<!-- <el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" icon="el-icon-plus" @click="showdialogVisible">新增</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="primary" style="background-color: limegreen;" icon="el-icon-download"
								@click="downLoad">模板下载</el-button>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -8px;margin-left: 20px;">
							<el-upload v-if="readOnly==false" class="upload-demo" :action="uploadImgUrl" ref="upload"
								:file-list="fileList_2" :http-request="import_excel_dynamicview"
								:before-remove="handleRemove1">
								<el-button type="primary" icon="el-icon-upload2">导入
								</el-button>
							</el-upload>
						</div>
					</el-col>
					<el-col :span="1.5">
						<div class="grid-content bg-purple" style="margin-top: -10px;margin-left: 20px;">
							<el-button type="danger" icon="el-icon-download"
								@click="deleteAll">全部删除</el-button>
						</div>
					</el-col> -->

				</el-row>

				<div style="margin-left: 20px;margin-top: 20px;">


				</div>
			</el-form>
			<!-- <el-button type="primary" @click="showdialogVisible">新增</el-button> -->
		</div>

		<el-table :data="tableData" ref="multipleTable" :row-class-name="tableRowClassName" :row-key="getRowKeys"
			@selection-change="handleChange">
			<el-table-column type="selection" :reserve-selection="true"></el-table-column>
			<!-- <el-table-column prop="realname" label="头像">
				<template slot-scope="scope">
					<el-image style="width: 60px;height: 60px;" class="table-td-thumb" :src="scope.row.head_img"
						:preview-src-list="[scope.row.head_img]"></el-image>
				</template>
			</el-table-column> -->

			<el-table-column type="index" prop="realname" label="序号" width="60px" align="center">
			</el-table-column>
            <el-table-column prop="user__nickname" label="反馈人昵称" align="center">
			</el-table-column>
			<el-table-column prop="img_list" label="图片" align="center">
				<template slot-scope="scope">
					<el-image v-for="item in scope.row.img_list" style="width: 80px;height: 80px;"
						class="table-td-thumb" :src="item" :preview-src-list="scope.row.img_list"></el-image>
				</template>
			</el-table-column>
			<el-table-column prop="text" label="内容" align="center">
			</el-table-column>
			<el-table-column prop="reply" label="回复" align="center">
			</el-table-column>
			<el-table-column prop="status" label="状态" align="center">
				<template slot-scope="scope">
					<span v-if="scope.row.status == '已采纳'" style="color: #ffd781;">{{ scope.row.status }}</span>
					<span v-if="scope.row.status == '待采纳'" style="color: #a5aac8;">{{ scope.row.status }}</span>
					<span v-if="scope.row.status == '未采纳'" style="color: red;">{{ scope.row.status }}</span>
				</template>
			</el-table-column>
			<el-table-column prop="create_time" label="创建时间" align="center">
			</el-table-column>

			<el-table-column fixed="right" label="操作" width="160" align="center">
				<template slot-scope="scope">
					<el-button @click="handleClick(scope.row,false)" type="primary" size="small"
						style="background: rgba(0,111,188,0.5);border: 0;">编辑</el-button>
					<el-button style="color: white;" type="danger" @click="deleteThis(scope.row)"
						size="small">删除</el-button>

				</template>
			</el-table-column>
		</el-table>
		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
			:page-sizes="[30]" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper"
			:total="pageTotal">
		</el-pagination>


		<el-dialog :title="Texttitle" :visible.sync="dialogVisible">
			<el-form class="cardboxList_box">
				<el-row :gutter="60">
					
					<el-col :span="20">
						<el-form-item label="反馈人昵称" label-width="100px">
							<el-input style="width: 100%;" readonly="readonly" v-model="addform.user__nickname" type="text"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="图片" label-width="100px">
							<el-image v-for="item in addform.img_list" style="width: 80px;height: 80px;"
								class="table-td-thumb" :src="item" :preview-src-list="addform.img_list"></el-image>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="内容" label-width="100px">
							<el-input style="width: 100%;" readonly="readonly" v-model="addform.text" type="textarea"></el-input>
						</el-form-item>
					</el-col>
						<el-col :span="20">
						<el-form-item label="回复" label-width="100px">
							<el-input style="width: 100%;" v-model="addform.reply" type="textarea"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="20">
						<el-form-item label="状态" label-width="100px">
							<el-select v-model="addform.status" placeholder="请选择" style="width: 100%;">
								<el-option v-for="item in statusOptions" :key="item.text" :label="item.text"
									:value="item.text">
								</el-option>
							</el-select>
							<!-- <el-input style="width: 100%;" v-model="addform.status" type="text"></el-input> -->
						</el-form-item>
					</el-col>

					

				</el-row>

			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="submitForm_add" size="small">确定</el-button>
				<el-button @click="logCancel_1" size="small">取消</el-button>
			</div>
		</el-dialog>





	</div>
</template>

<script>
	import Schart from 'vue-schart';
	import bus from '../common/bus';
	import {
		proUrl,
		uploadImg,
		import_excel,
		delete_allquestion,
		// userviewOption,
		feedbackList,
		feedbackAdd,
		feedbackEdict,
		feedbackDelete,
		myreportbatch_delete,
		examine

	} from '../../api/index';
	export default {
		name: 'dashboard',
		data() {
			return {
				readOnly: false,
				jurisdiction: [],
				news: '',
				mapJson: require("../../assets/map.json"),
				province: "",
				sheng: "",
				shi: "",
				shi1: [],
				qu: "",
				qu1: [],
				city: "",
				block: "",
				screenOptions: '',
				statistical: '', //统计
				uploadImgUrl: 'https://www.room3.liaoningxiaofangjiuyuan.cn/backstage/api/upload_image/',
				fileList: [],
				fileList1: [],
				Look_dataList: [],
				selectionbox: '',
				sexOptions: [{
						text: '男'
					},
					{
						text: '女'
					}
				],
				statusOptions: [{
						text: '待采纳'
					},
					{
						text: '已采纳'
					},
					{
						text: '未采纳'
					},

				],


				templateDetailFlagtype: 1,
				templateFlagtype: 1,
				templateLog: '新增',
				templatedetailLog: '新增',
				templateVisibledetail_add_1: false,
				templateVisibledetail_add: false,
				templateVisible_add: false,
				templateVisible: false,
				showViewer: false, // 显示查看器
				ruleForm: '',
				hideUp: '',
				nextProjectForm: {
					publicWelfareUrl: "",
				},
				Texttitle: "新增",
				page: 1,
				page_1: 1,
				form: {
					page: 1,
					size: 30,
					_status: undefined,
					status: undefined
				},
				form1: { //模板数据
					page: 1,
					size: 30,
					province: undefined,
					user_id: undefined,
				},
				form2: { //模板数据
					page: 1,
					size: 30,
					template_info_id: undefined,
					user_id: undefined,
					template_id: undefined
				},
				addform: {
					out_trade_no: undefined, //报单编号
					hospital_name: undefined, //医院名称
					hospital_address: undefined, //医院地址
					department: undefined, //科室
					bed_number: undefined, //床位
					month_number: undefined, //月用量
					remarks1: undefined, //备注1
					remarks2: undefined, //备注2
					status: undefined, //状态
					start_time: undefined, //开始时间
					end_time: undefined //结束时间
				},
				addform_1: {
					province: '',
					user: '',
					get_set_ids: ''
				},
				addform_2: {
					method: undefined,
					weight_start: undefined,
					weight_end: undefined,
					date_start: undefined,
					date_end: undefined,
					first_weight: undefined,
					continued_weight: undefined,
					template: undefined,
					user: undefined,
				},
				childrow: '',
				childtypeflag: 1, //  1新增 2修改
				currentPage: 1, //初始页
				pagesize: 30, //  每页的数据
				pageTotal: '',

				currentPage_1: 1, //初始页
				pagesize_1: 30, //    每页的数据
				pageTotal_1: '',

				currentPage_2: 1, //初始页
				pagesize_2: 30, //    每页的数据
				pageTotal_2: '',

				dialogVisible: false,
				tableData: [],
				tableData_1: [],
				tableData_2: [],

				formitnanme: '',
				flagtype: 1,
				user_id: '',
				user_id_1: '',
				user_id_2: '',
				//详情
				dialogVisible_1: false,
				detailDataLog: '',
				detailrow: '',

				//添加记录
				addLogVisible: false,
				logInfo: '',
				value2: '',
				pickerOptions: {
					shortcuts: [{
						text: '今天',
						onClick(picker) {
							picker.$emit('pick', new Date());
						}
					}, {
						text: '昨天',
						onClick(picker) {
							const date = new Date();
							date.setTime(date.getTime() - 3600 * 1000 * 24);
							picker.$emit('pick', date);
						}
					}, {
						text: '一周前',
						onClick(picker) {
							const date = new Date();
							date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
							picker.$emit('pick', date);
						}
					}]
				},
				templateUser_id: '',

				deleteList_data: ''
			}
		},
		components: {
			Schart
		},
		computed: {
			role() {
				return this.name === 'admin' ? '超级管理员' : '普通用户';
			}
		},
		created() {
			// this.form.user_id=window.localStorage.getItem('user_id')
			this.getList()
			// this.getuserviewOption()
			// this.getListCalculationview()

		},
		// activated() {
		//     this.handleListener();
		// },
		// deactivated() {
		//     window.removeEventListener('resize', this.renderChart);
		//     bus.$off('collapse', this.handleBus);
		// },
		methods: {
			deleteAll() {
				let that = this
				that.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let query = {

					}
					delete_allquestion(query).then(res => {
						console.log("题目列表", res);
						that.getList()
					});
				}).catch(() => {
					that.$message({
						type: 'info',
						message: '已取消删除'
					});
				});
			},
			downLoad(e) {
				window.location.href = 'https://www.nxain.com/media/template/1.xlsx'
			},
			// 导入
			import_excel_dynamicview(param) {
				let that = this
				var fileObj = param.file;
				// FormData 对象
				var form = new FormData();
				// 文件对象
				form.append("image", fileObj);
				uploadImg(form).then(res => {
					console.log("文件", res)
					let parms = {
						path: res.url
					}
					import_excel(parms).then(res1 => {
						console.log("新增", res1)
						if (res.code == 0) {
							that.$message({
								message: '导入成功！',
								type: 'success'
							});
							that.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});

				});
			},

			//获取筛选条件
			getuserviewOption() {
				let that = this
				let query;
				query = {}
				console.log(query)
				userviewOption(query).then(res => {
					console.log("筛选条件", res);

					let company = []
					for (var i = 0; i < res.company.length; i++) {
						let obj = {
							text: res.company[i]
						}
						company.push(obj)
					}
					let constellation = []
					for (var i = 0; i < res.constellation.length; i++) {
						let obj = {
							text: res.constellation[i]
						}
						constellation.push(obj)
					}
					let education = []
					for (var i = 0; i < res.education.length; i++) {
						let obj = {
							text: res.education[i]
						}
						education.push(obj)
					}
					let age = []
					for (var i = 0; i < res.age.length; i++) {
						let obj = {
							text: res.age[i]
						}
						age.push(obj)
					}
					let current_residence = []
					for (var i = 0; i < res.current_residence.length; i++) {
						let obj = {
							text: res.current_residence[i]
						}
						current_residence.push(obj)
					}
					res.company = company
					res.constellation = constellation
					res.education = education
					res.age = age
					res.company = company
					res.current_residence = current_residence
					this.screenOptions = res

				});
			},

			getRowKeys(row) {
				return row.report_id
			},

			handleChange(selection) {
				console.log(selection)
				this.deleteList_data = selection
			},
			//指定行颜色
			tableRowClassName: function({
				row,
				rowIndex
			}) {
				if (row.color == true) {
					return 'warm-row';
				}
			},

			//批量删除
			deleteList() {
				let that = this
				let ids = []
				let arr = this.deleteList_data
				for (var i = 0; i < arr.length; i++) {
					ids.push(arr[i].report_id)
				}
				that.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let parms = {
						ids: ids.toString()
					}
					myreportbatch_delete(parms).then(res => {
						console.log("批量删除", res)
						that.dialogVisible = false
						if (res.code == 0) {
							that.$message({
								message: '批量删除成功！',
								type: 'success'
							});
							that.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});

				}).catch(() => {
					that.$message({
						type: 'info',
						message: '已取消删除'
					});
				});


			},

			//批量导出
			export_excel_userList() {
				let that = this
				let ids = []
				let arr = this.deleteList_data
				for (var i = 0; i < arr.length; i++) {
					ids.push(arr[i].report_id)
				}

				let parms = {
					ids: ids.toString()
				}
				window.location.href = proUrl + '/backstage/api/myreport/export_excel/?ids=' + ids.toString()
				// export_excel_user(parms).then(res => {
				// 	console.log("批量导出", res)
				// 	that.dialogVisible = false
				// 	if (res.code == 0) {
				// 		that.$message({
				// 			message: '批量导出成功！',
				// 			type: 'success'
				// 		});
				// 		that.getList()
				// 	}

				// 	// this.tableData = res.list;
				// 	// this.pageTotal = res.pageTotal || 50;
				// });


			},

			getListCalculationview() {
				let that = this
				let query;
				query = {}
				console.log(query)
				calculationview(query).then(res => {
					console.log("审核", res);
					that.statistical = res
				});
			},
			uploadSectionFile(param) {
				var fileObj = param.file;
				// FormData 对象
				var form = new FormData();
				// 文件对象
				form.append("image", fileObj);
				uploadImg(form).then(res => {
					console.log("上传图片", res)
					this.addform.job_card_img = res.url
					this.$message({
						message: '上传成功！',
						type: 'success'
					});
				});
			},
			handleRemove(file, fileList) {
				this.ruleForm.cardUpImg = "";
				this.imagesUp = [];
				this.hideUp = false;
			},

			uploadSectionFile1(param) {
				var fileObj = param.file;
				// FormData 对象
				var form = new FormData();
				// 文件对象
				form.append("image", fileObj);
				uploadImg(form).then(res => {
					console.log("上传图片", res)
					this.addform.head_img = res.url
					this.$message({
						message: '上传成功！',
						type: 'success'
					});
				});
			},
			handleRemove1(file, fileList) {
				this.ruleForm.cardUpImg = "";
				this.imagesUp = [];
				this.hideUp = false;
			},

			//列表选择导出
			handleSelectionChange(selection) {
				var selectionbox = selection.map(function(car) {
					return car.template_info_id;
				})
				console.log(selectionbox)
				this.selectionbox = selectionbox.toString()
			},
			groupEdict() {
				if (this.selectionbox == '') {
					this.$message.error('请选择模板！');
				} else {
					this.templateVisibledetail_add_1 = true
					this.templatedetailLog = '批量编辑'
					this.templateDetailFlagtype = 3
					this.addform_2 = {
						method: undefined,
						weight_start: undefined,
						weight_end: undefined,
						date_start: undefined,
						date_end: undefined,
						first_weight: undefined,
						continued_weight: undefined,
						template: undefined,
						user: undefined,
					}
				}
			},
			//数据模板
			templateClick(row) {
				console.log(row)
				this.templateUser_id = row.user_id
				this.addform_1.user = row.user_id
				this.templateList(row.user_id)
				this.templateVisible = true
			},



			//重置
			restSearch() {
				this.form = {
						page: 1,
						size: 30,
						realname: undefined,
						company: undefined,
						nation: undefined,
						marriage_history: undefined,
						education: undefined,
						constellation: undefined,
						sex: undefined,
						age: undefined,
					},

					this.getList()
			},

			//导出
			exportexelBtn() {
				let query = {}
				exportexel(query).then(res => {
					console.log("导出", res)
				});

			},

			dataSearch() {
				this.formatDate(that.value2)
			},
			//添加记录
			showLogdilog(row, type) {
				this.childtypeflag = type
				this.addLogVisible = true
				if (type == 2) {
					this.childrow = row
					this.addformchild = row
					this.uploadimgurl = row.img
				}

			},

			addLogcancel() {
				this.addLogVisible = false
			},

			//确认添加操作日志
			addLogBtn() {
				let that = this
				let query = this.addformchild
				query.personnel = this.detailrow.personnel_id
				console.log("确认添加操作日志", query)
				console.log(query)
				if (this.childtypeflag == 1) {
					detailAdd(query).then(res => {
						that.addLogVisible = false
						that.$message({
							message: '添加成功！',
							type: 'success'
						});
						that.detailClick(that.detailrow)
					});
				} else {
					detailEdict(query.personnel_logs_id, query).then(res => {
						that.addLogVisible = false
						that.$message({
							message: '修改成功！',
							type: 'success'
						});
						that.detailClick(that.detailrow)
					});
				}

			},


			handleSizeChange: function(size) {
				this.pagesize = size;
				this.form.size = size
				console.log(this.pagesize) //每页下拉显示数据
				this.getList()
			},
			handleCurrentChange: function(currentPage) {
				this.currentPage = currentPage;
				console.log(this.currentPage) //点击第几页
				this.form.page = currentPage
				this.getList()
			},
			handleSizeChange_1: function(size) {
				this.pagesize_1 = size;
				this.form1.size = size
				this.templateList(this.templateUser_id)
			},
			handleCurrentChange_1: function(currentPage) {
				this.currentPage_1 = currentPage;
				console.log(this.currentPage_1) //点击第几页
				this.page_1 = currentPage
				this.form1.page = currentPage
				this.templateList(this.templateUser_id)
			},

			handleSizeChange_2: function(size) {
				this.pagesize_2 = size;
				this.form2.size = size
				this.templateDetailClick()
			},
			handleCurrentChange_2: function(currentPage) {
				this.currentPage_2 = currentPage;
				console.log(this.currentPage_2) //点击第几页
				this.page_2 = currentPage
				this.form2.page = currentPage
				this.templateDetailClick()
			},
			showdialogVisible() {
				this.Texttitle = '新增'
				this.addform = {
					realname: undefined,
					sheng: undefined,
					shi: undefined,
					qu: undefined,
				}
				this.sheng = undefined
				this.shi = undefined
				this.qu = undefined
				this.user_id = ''
				this.dialogVisible = true
				this.flagtype = 1
			},


			//s删除
			deleteThis(row) {
				let that = this
				that.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let query = {
						"feedback_id": row.feedback_id,
					}
					feedbackDelete(row.feedback_id, query).then(res => {
						that.dialogVisible = false
						if (res.code == 0) {
							that.$message({
								message: '删除成功！',
								type: 'success'
							});
							that.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}).catch(() => {
					that.$message({
						type: 'info',
						message: '已取消删除'
					});
				});
			},
			//编辑
			handleClick(row, readOnly) {
				console.log("编辑", row)
				this.readOnly = readOnly
				this.flagtype = 2
				this.dialogVisible = true
				this.addform = JSON.stringify(row) 
				this.addform = JSON.parse(this.addform)
				this.user_id = row.feedback_id
			},


			//关闭新增弹窗
			logCancel_1() {
				this.dialogVisible = false
			},
			logCancel_2() {
				this.templateVisible_add = false
			},
			logCancel_3() {
				this.templateVisibledetail_add_1 = false
			},

			//报单审核
			examineClick(row, text) {

				let that = this
				that.$confirm('是否确认审核' + text + '此条信息', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let parms = {
						report_id: row.report_id,
						adopt: text,
					}
					examine(parms).then(res => {
						console.log("审核", res)
						if (res.code == 0) {
							that.$message({
								message: '审核完成！',
								type: 'success'
							});
							that.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}).catch(() => {

				});

			},

			//新增用户
			submitForm_add() {
				console.log("新增记录", this.addform)
				if (this.flagtype == 1) {

					feedbackAdd(this.addform).then(res => {
						console.log("新增", res)
						this.dialogVisible = false
						if (res.code == 0) {
							this.$message({
								message: '新增成功！',
								type: 'success'
							});
							this.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				} else {
					let parms={
						status:this.addform.status,
						reply:this.addform.reply,
					}
					feedbackEdict(this.user_id, parms).then(res => {
						console.log("修改", res)
						this.dialogVisible = false
						if (res.code == 0) {
							this.$message({
								message: '修改成功！',
								type: 'success'
							});
							this.getList()
						}

						// this.tableData = res.list;
						// this.pageTotal = res.pageTotal || 50;
					});
				}


			},
			searchList() {
				this.getList()
			},
			getList() {
				let that = this
				let query = this.form;
				console.log('参数', that.form)
				feedbackList(query).then(res => {
					console.log("反馈列表", res);
					that.tableData = res.results;
					that.pageTotal = res.count
				});
			},
			formatTen(num) {
				return num > 9 ? (num + "") : ("0" + num);
			},
			formatDate1(date) {
				console.log("时间", date)
				var date = new Date(date)
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var day = date.getDate();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();

				return year + "-" + this.formatTen(month) + "-" + this.formatTen(
					day) // + " " + this.formatTen(hour) + ":" + this.formatTen(minute) //+ ":" + this.formatTen(sec
			},
			formatDate(date) {
				console.log("时间", date)
				var date = new Date(date)
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var day = date.getDate();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();

				return year + "-" + this.formatTen(month) + "-" + this.formatTen(
					day) + " " + this.formatTen(hour) + ":" + this.formatTen(minute) //+ ":" + this.formatTen(second);
				console.log(333, year + "-" + this.formatTen(month) + "-" + this.formatTen(day))
			},
			changeDate() {
				const now = new Date().getTime();
				this.data.forEach((item, index) => {
					const date = new Date(now - (6 - index) * 86400000);
					item.name = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
				});
			}

		}
	};
</script>


<style scoped>
	/deep/ .el-upload-list {
		display: none;
	}

	/deep/ .warm-row {
		background: #F37474 !important;
		color: red;
	}

	/deep/ .el-pagination__sizes {
		display: none !important;
	}

	/deep/ .el-upload--text {
		width: inherit !important;
		height: inherit !important;
	}

	.edict_row_title {
		width: 100%;
		height: 80px;
		line-height: 100px;
		margin: auto;
		font-weight: bold;
	}

	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.avatar-uploader .el-upload:hover {
		border-color: #409eff;
	}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 178px;
		height: 178px;
		line-height: 178px;
		text-align: center;
	}

	.avatar {
		width: 178px;
		height: 178px;
		display: block;
	}

	.header_bottom {
		/* width: 300px; */
	}

	.header_bottom /deep/ .el-tabs__content {
		display: none;
	}

	.headercon {
		height: 120px;
		/* margin-top: 20px; */
		margin-bottom: 20px;
		border-bottom: 1px solid #369AFF;
	}

	.el-upload {
		width: 100px;
	}

	.el-row {
		margin-bottom: 20px;
	}

	.grid-content {
		display: flex;
		align-items: center;
		height: 40px;
	}

	.grid-cont-right {
		flex: 1;
		text-align: center;
		font-size: 14px;
		color: #999;
	}

	.grid-num {
		font-size: 30px;
		font-weight: bold;
	}

	.grid-con-icon {
		font-size: 50px;
		width: 100px;
		height: 100px;
		text-align: center;
		line-height: 100px;
		color: #fff;
	}

	.grid-con-1 .grid-con-icon {
		background: rgb(45, 140, 240);
	}

	.grid-con-1 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-2 .grid-con-icon {
		background: rgb(100, 213, 114);
	}

	.grid-con-2 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-3 .grid-con-icon {
		background: rgb(242, 94, 67);
	}

	.grid-con-3 .grid-num {
		color: rgb(242, 94, 67);
	}

	.user-info {
		display: flex;
		align-items: center;
		padding-bottom: 20px;
		border-bottom: 2px solid #ccc;
		margin-bottom: 20px;
	}

	.user-avator {
		width: 120px;
		height: 120px;
		border-radius: 50%;
	}

	.user-info-cont {
		padding-left: 50px;
		flex: 1;
		font-size: 14px;
		color: #999;
	}

	.user-info-cont div:first-child {
		font-size: 30px;
		color: #222;
	}

	.user-info-list {
		font-size: 14px;
		color: #999;
		line-height: 25px;
	}

	.user-info-list span {
		margin-left: 70px;
	}

	.mgb20 {
		margin-bottom: 20px;
	}

	.todo-item {
		font-size: 14px;
	}

	.todo-item-del {
		text-decoration: line-through;
		color: #999;
	}

	.schart {
		width: 100%;
		height: 300px;
	}

	.delete {
		color: red;
	}

	.dialog-footer {
		text-align: right;
	}
</style>